<nz-layout class="w-100 login-container">
  <nz-content class="container d-flex-center">
    <div class="d-flex justify-content-between w-100" style="height: 380px;">
      <div class="d-flex flex-column justify-content-between h-100">
        <div class="text-white">
          <div class="fs-22" style="color: rgba(0, 0, 0, 0.4);">{{appName}}</div>
        </div>
        <div>
          <div class="left-line hidden-xs hidden-sm"></div>
          <div class="text-white" style="padding: 8px;">
            <div class="font-delivery">DHL Express China</div>
            <div>中外运敦豪</div>
          </div>
          <div class="bottom-line hidden-xs hidden-sm"></div>
        </div>
      </div>
      <div class="login-form">
        <div class="input-container" (keydown)="keyDown($event)">
          <div nz-row style="color:#D40511" [className]="tipBrowserClass" *ngIf="showTip">请使用Chrome,Firefox,Edge浏览器
          </div>
          <div nz-row>
            <div nz-col nzSpan="24">
              <dhl-input placeholder="账号" [(value)]="userName" labelWidth=0></dhl-input>
            </div>
          </div>
          <div nz-row>
            <div nz-col nzSpan="24">
              <dhl-input placeholder="密码" type="password" [(value)]="password" labelWidth=0></dhl-input>
            </div>
          </div>
          <div nz-row>
            <dhl-button name="登录"
                        [sizeType]="btnSizeLarge"
                        [type]="btnTypeDanger"
                        [width]="'100%'"
                        [loading]="btnLoading"
                        (buttonClick)="onSubmit()"></dhl-button>
          </div>
          <br/>
        </div>
      </div>
    </div>
  </nz-content>
  <nz-footer class="text-white bg-transparent text-center">
    &copy;{{year}} 中外运-敦豪<br/>
    ISD技术支持电话（028）8552024<br/>
  </nz-footer>
</nz-layout>

